<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<!--
		 
		 v-text和v-html可以看成数据的单向绑定
		 
		 v-model是数据的双向绑定，目前可以使用的元素有：
				input
				select
				textarea
				checkbox
				radio
				components(Vue中的自定义组件)
				
				
		 双向绑定：修改input框中的值时，Vue中的data数据会发生变化
				  修改Vue中data的数据是，input框中的数据会发生变化
		 
		 -->
		 
		 
		 <div id="app">
		 	<a v-text="username"></a>
			<input type="text" v-model="username" />
			
		 </div>
		
		<script src="../js/vuejs-2.5.16.js" type="text/javascript" charset="utf-8"></script>
		
		<script type="text/javascript">
				const vue = new Vue({
					el: "#app",
					data: {
						username: "zhangsan"
					}
				})
		</script>
		
	</body>
</html>
